@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

@import './iconfont.css';

:root,
page,.root-portal {
  // #007AFF
  --color-primary: 0 122 255;
  --color-link: 0 122 255;
  --color-white: 255 255 255;
  --color-black: 0 0 0;
  // #333333
  --color-text: 51 51 51;
  // #999999
  --color-secondary: 153 153 153;
  // #bfbfbf
  --color-disabled: 191 191 191;
  // #bfbfbf
  --color-placeholder: 191 191 191;
  // #f7f7f8
  --color-bg: 247 247 248;
  // #E6E6E6
  --color-border: 230 230 230;
  // #ff9e0d
  --color-warn: 255 158 13;
  // #fa2c19
  --color-danger: 250 44 25;
  // #14b8a6
  --color-success: 20 184 166;

  // https://nutui.jd.com/taro/react/2x/#/zh-CN/component/configprovider
  --nutui-brand-color: rgb(var(--color-primary));
  --nutui-color-primary: rgb(var(--color-primary));
  --nutui-color-primary-stop-1: rgb(var(--color-primary));
  --nutui-color-primary-stop-2: rgb(var(--color-primary));
  --nutui-brand-color-start: rgb(var(--color-primary));
  --nutui-brand-color-end: rgb(var(--color-primary));
  --nutui-brand-link-color: rgb(var(--color-primary));
  --nutui-brand-text-color: rgb(var(--color-white));
  --nutui-form-item-error-message-color: rgb(var(--color-danger));
  --nutui-form-item-required-color: rgb(var(--color-danger));
  --tw-content: ' ';
  --nutui-overlay-bg-color: rgba(0, 0, 0, 0.5);
}

.page {
  padding-top: constant(safe-area-inset-top);
  /* 兼容 iOS >= 11.2 */
  padding-top: env(safe-area-inset-top);
  background: linear-gradient(180deg, rgba(143, 201, 255, 0.78) 0%, rgba(29, 222, 240, 0.01) 100%);
}

// 去掉小程序button的边框
button::after {
  display: none;
}

// 兼容性不佳
// html {
//   overscroll-behavior: none;
// }

body {
  @apply fixed;
  @apply inset-0;
  overflow: hidden;
}

page,
body {
  @apply text-text;
  @apply text-base;
  word-break: break-all;
  font-family: PingFang SC, Arial, Helvetica, sans-serif;
}


view,
input {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  resize: none;
}

textarea,
input {
  font-family: PingFang SC, Arial, Helvetica, sans-serif;
}

.taro-textarea,
.taro-input {
  resize: none;
}

* {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

.placeholder {
  @apply text-placeholder;
}

.taro_router {
  // taro这个样式会导致safari出现2个滚动条
  min-height: 0 !important;
}

.weui-input {
  &::placeholder {
    font-size: 15px;
    color: #999999;
    letter-spacing: 0.4px;
  }

  &:disabled {
    @apply text-placeholder;
  }
}